<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="header.jsp"%>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/base.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/common.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">

    <title>欢迎来到inote</title>
</head>
<style>
    a:hover {
        text-decoration: none;
        color: #23527c;
    }
</style>

<body>
<section class="container user-select">
    <div class="cl"></div>
    <div class="hidden-xs myheader example" style="padding-bottom: 3px">
        <!--超小屏幕不显示-->
        <div class="mylogo">
            <img src="${sessionScope.userInfo.userImg}" alt="头像" class="round_icon" title="${sessionScope.userInfo.userName}个人博客">
            <p class="mycard"style="text-align: center;margin: 0 auto;padding-top: 5px;padding-bottom: 5px"><strong>${sessionScope.userInfo.userName}</strong></p>
        </div>

        <ul class="nav hidden-xs-nav my_li" >
            <li class="active spcil"><a href="index.html" class="mytext"><span class="glyphicon glyphicon-tags"></span>我的资料</a>
                <p class="my_p3"><a href="www.baidu.com" class="mytext my_a"style="color: rgb(155,155,155);">java</a><span class="list-item-num">2</span></p>
                <p class="my_p3"><a href="" class="mytext my_a"style="color: rgb(155,155,155);">leetcode</a><span class="list-item-num">12</span></p>
                <p class="my_p3"><a href="" class="mytext my_a"style="color: rgb(155,155,155);">linux</a><span class="list-item-num">1</span></p>
                <p class="my_p3"><a href="" class="mytext my_a"style="color: rgb(155,155,155);">oracle</a><span class="list-item-num">5</span></p>
            </li>
            <li><a href="" class="mytext"><span class="glyphicon glyphicon-star"></span>解压游戏</a></li>
            <li><a href="音乐播放器\index.html" class="mytext"><span class="glyphicon glyphicon-music"></span>歌单收藏</a></li>
            <li><a href="" class="mytext"><span class="glyphicon glyphicon-facetime-video"></span>视频收藏</a></li>
            <li><a href="about.html" class="mytext"><span class="glyphicon glyphicon-usd"></span>赞赏博主</a></li>
            <li><a href="friendly.html" class="mytext"><span class="glyphicon glyphicon-link"></span>在线壁纸</a></li>
        </ul>

    </div>

    <!--    中间内容-->
    <div class="content-wrap">
        <div class="content">

            <c:forEach items="${note_info.list}" var="e">
                <div class="example">
                    <h3 class=""><a href="${pageContext.request.contextPath}/note/getNote?noteId=${e.noteId}">${e.noteTitle}</a></h3>
                    <h6 class="my_margin"><span class="glyphicon glyphicon-user my_left"></span> 作者:${e.userName} <span class="glyphicon glyphicon-time my_left"></span>发表于<f:formatDate value="${e.noteDate}" pattern="yyyy年MM月dd日"/>
                    <h4>
                        ${e.noteBrief}
                    </h4>
                    <div class="my_c" style="margin-left: 20px">${e.specialtyShortName}</div>
                </div>
            </c:forEach>


            <div class="quotes" style="margin-top:5%">
                <a href="/note/getNotesByPage?pageNum=1">首页</a>
                <a href="/note/getNotesByPage?pageNum=${note_info.pageNum-1}">上一页</a>
                <span class="current">${note_info.pageNum}/${note_info.pages}</span>
                <a href="/note/getNotesByPage?pageNum=${note_info.pageNum+1}">下一页</a>
                <a href="/note/getNotesByPage?pageNum=${note_info.pages}">尾页</a>
            </div>
        </div>
    </div>





    <!--右侧样式大于992消失-->
    <aside class="sidebar visible-lg">
        <div class="example">
            <div class="my_p1 mynews">
                <i class="iconfont"><svg t="1593060797533" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1876" width="16" height="16"><path d="M805.2 151.1c10 0 18.4 8.4 18.4 18.4v685.3c0 10-8.4 18.4-18.4 18.4H219c-10 0-18.4-8.4-18.4-18.4V169.5c0-10 8.4-18.4 18.4-18.4h586.2m0-55.1H219c-40.4 0-73.4 33.1-73.4 73.4v685.3c0 40.4 33.1 73.4 73.4 73.4h586.2c40.4 0 73.4-33.1 73.4-73.4V169.5c0-40.4-33-73.5-73.4-73.5z" fill="#0C90F8" p-id="1877"></path><path d="M633.9 328.5H294.2c-15.2 0-27.5-12.3-27.5-27.5s12.3-27.5 27.5-27.5h339.7c15.2 0 27.5 12.3 27.5 27.5s-12.3 27.5-27.5 27.5zM736.2 539.7H288.5c-15.2 0-27.5-12.3-27.5-27.5s12.3-27.5 27.5-27.5h447.7c15.2 0 27.5 12.3 27.5 27.5s-12.3 27.5-27.5 27.5zM736.2 750.8H288.5c-15.2 0-27.5-12.3-27.5-27.5s12.3-27.5 27.5-27.5h447.7c15.2 0 27.5 12.3 27.5 27.5s-12.3 27.5-27.5 27.5z" fill="#4C4F54" p-id="1878"></path></svg></i>
                <span><strong>最热文章</strong></span>
            </div>
            <c:forEach items="${note_com}" var="com">
                <a href="${pageContext.request.contextPath}/note/getNote?noteId=${com.noteId}"><p class="my_p2"><strong><span class="my_number"></span></strong>&nbsp;&nbsp;&nbsp;${com.noteTitle}</p></a>
            </c:forEach>

        </div>
        <div>

        </div>
    </aside>
    <footer class="footer">
        POWERED BY &copy;
        <a href="http://www.moke.com">INOTE MOKE.COM</a>
        ALL RIGHTS RESERVED &nbsp;&nbsp;&nbsp;<span><a href="http://www.miitbeian.gov.cn/" target="_blank">赣ICP备15026801号-1</a></span> <span style="display:none"><a href="">网站统计</a></span>
    </footer>
</section>
<div><a href="javascript:;" class="gotop" style="display:none;"></a></div>
<script s></script>
</body>
<script>
    $(function(){
        $(window).scroll(function(){
            if($(window).scrollTop()>100){
                $(".gotop").fadeIn();
            }
            else{
                $(".gotop").hide();
            }
        });
        $(".gotop").click(function(){
            $('html,body').animate({'scrollTop':0},1000);
        });
    });
</script>
</html>